<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <div id="a"></div>
    <input type="text" id="b">

    <script>

        // document.write

        // 1 获取标签元素
        var oDiv = document.getElementById('a') ;
        console.log(oDiv);

        // 给标签添加内容  innerHTML  里面也可以写标签
        // oDiv.innerHTML = '666';
        // oDiv.innerHTML = '<b>666</b>';


        // 给标签添加内容  
        // oDiv.innerText = '666' ;
        // 写标签不会被识别，只会被当做内容
        oDiv.innerText = '<b>666</b>';





        var oInp = document.getElementById('b') ;
        // 给输入框添加内容  value
        oInp.value = '666';

    </script>
    
</body>
</html>